<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <#include "../common/app.html">
        <style>
             .mui-table h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{
                 margin-top: 0;
             }
            .mui-table h4{
                line-height: 21px;
                font-weight: 500;
            }

            .mui-table .oa-icon{
                position: absolute;
                right:0;
                bottom: 0;
            }
            .mui-table .oa-icon-star-filled{
                color:#f14e41;
            }
        </style>
        <script>
            mui.init({
                swipeBack:true //启用右滑关闭功能
            });
        </script>
</head>

<body>
<div class="mui-content">
        <ul class="mui-table-view">
            <#if detail??>
                <#list detail as info>
                <li class="mui-table-view-cell mui-collapse">
                    <a href="#">
                    <div class="mui-table">
                        <div class="mui-table-cell mui-col-xs-10" style="width:100%">
                            <h4 class="mui-ellipsis">设备名称：${info.name!}</h4>
                            <h5>错误信息：${info.errorInfo!}</h5>
                            <p class="mui-h6 mui-ellipsis">${info.time!}</p>
                        </div>
                        <div class="mui-table-cell mui-col-xs-5 mui-text-right">
                            <span class="mui-h5"></span>
                        </div>
                    </div>
                    </a>
                    <div class="mui-collapse-content mui-h5" style="background:none;">
                        <ul class="mui-table-view mui-table-view-chevron">
                            <li class="mui-table-view-cell">
                                编号:${info.no!}
                            </li>
                            <li class="mui-table-view-cell">位置:${info.location!}</li>
                            <li class="mui-table-view-cell">品牌:${info.brand!}</li>
                            <li class="mui-table-view-cell">型号:${info.typename!}</li>
                            <li class="mui-table-view-cell">负责人:${info.adminname!}</li>
                            <li class="mui-table-view-cell"><a href="tel:${info.adminphone!}" style="padding-left: 15px;">负责人电话:${info.adminphone!}</a></li>
                            <li class="mui-table-view-cell">维保:${info.maintenance!}</li>
                            <li class="mui-table-view-cell"><a href="tel:${info.maintenancephone!}"  style="padding-left: 15px;">维保电话:${info.maintenancephone!}</a></li>
                            <li class="mui-table-view-cell">质保期:${info.exp!}</li>
                        </ul>
                    </div>
                </li>
                </#list>
            </#if>
        </ul>
</div>
</body>
</html>